博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6922 次
发布时间:2019-06-27

本文共 1747 字,大约阅读时间需要 5 分钟。

  1. 用url_for加载静态文件
    1. <script src="{
      { url_for('static',filename='js/login.js') }}"></script>
    2. flask 从static文件夹开始寻找
    3. 可用于加载css, js, image文件
  2. 继承和扩展
    1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
    2. 子模板继承父模板
      1.   {% extends 'base.html’ %}
    3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
      1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
      2. {% block head %}{% endblock %}
      3. {% block main %}{% endblock %}
    4. 子模板中写代码实现自己的需求。block
      1.   {% block title %}登录{% endblock %}
  3. 首页、登录页、注册页都按上述步骤改写。

py:

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def daohang():    return render_template('daohang.html')@app.route('/login/')def login():    return render_template('1031.html')@app.route('/regist/')def regist():    return render_template('regist.html')if __name__ == '__main__':    app.run(debug=True)

首页:

    
{% block title %}{% endblock %}首页
{% block head %}{% endblock %}
{% block main %}{% endblock %}

登录:

{% extends'daohang.html' %}{% block title %}登录{% endblock %}{% block head %}    
'{% endblock %}{% block main %}

登录

{% endblock %}

 

 注册:

{% extends'daohang.html' %}{% block title %}注册{% endblock %}{% block head %}    
{% endblock %}{% block main %}

注册

{% endblock %}

 

转载于:https://www.cnblogs.com/chenhuafei/p/7781054.html

你可能感兴趣的文章
百度安全发布2016年DDoS攻击报告
查看>>
解决3000万人就业、每天纳税一亿,2016年的阿里厉害了!
查看>>
联想Z5 Pro划时代旗舰发布 屏占比95.06%售价1998元起
查看>>
数据库新兵:分布式实时分析内存数据库eSight
查看>>
越夜越美 在黑暗中华为P20系列绽放绚烂之光
查看>>
御家汇放弃收购阿芙母公司 曾欲2019年全面接管日常运营
查看>>
Gartner首次发布超融合(HCI)魔力象限报告
查看>>
复兴号“绿巨人”春运期间亮相雄安新区
查看>>
南京西安双城灯会齐“点灯”:“文臣武将”相会明城墙下
查看>>
“国宝级”动物川金丝猴首次“移民”重庆安家
查看>>
春运前4日全国累计发送旅客2.75亿人次 同比增0.55%
查看>>
郑柳铁警破获跨省制贩假火车票案 涉案票值10万余元
查看>>
Android Studio Java 8 语言功能支持更新
查看>>
深入浅出JavaScript运行机制
查看>>
[贝聊科技]如何将 iOS 项目的编译速度提高5倍
查看>>
试用 vue-admin-template 写一个自己的dashboard
查看>>
Stack Overflow 的 HTTPS 化:漫漫长路的终点
查看>>
springboot(十二):springboot如何测试打包部署
查看>>
传统方法已经Out了?OpenAI提出全新辩论模式训练AI
查看>>
程序员最不想你知道的谎言!
查看>>